最後一篇文，擠出了一些覺得在開發上容易踩的雷以及要注意的事情

• 要使用、渲染的變數除了傳遞進入元件的，都需定義於data
• HTML中不需使用 this
• 生命週期mounted，實例完整建立，可進行較頻繁後端請求
• 生命週期中於updated進行操作會產生deadlock
• 計算屬性(computed)來源變數無實際異動也會觸發
• 監聽器(watch)監聽變數出現實際異動才進行觸發
• 物件可透過deep，深度觀察，call by reference
• false條件下，v-if不進行渲染，v-show進行渲染，但隱藏
• 注意父子元件 prop & emit 定義，非必要prop可設定false
• 欲監聽prop參數，建議以新參數接收後在監聽
• vuex修改state要透過action & muataion，不建議直接更動
• 子元件無插槽slot控制權
• store中action進行非同步，mutation進行同步操作
• action、mutation引用時，因避免與元件中其他函數名稱相同
• 路由跳轉得所有匹配(path: '*')，建議於最後使用
• router params可透過prop解耦
• axios為非同步操作，需透過then控制
• axios-mock-adapter很多小雷可參考Day26~

其實這次是抱著50%成功的心態參加的，途中也動過好幾次放棄的念頭，每天加完班回家產出一篇文章真的不是一件容易的事情，，這次的筆記大概50%是原本就會而且記得的，25%是學過但忘記的，25%是真的認真看官方文件，各路大神的文章新學到的，最後在一次感謝各路大神的文章讓我參考、學習，有錯誤請不吝指教，終於完賽拉。

30天 Vue學好學滿-筆記系列

[30天 Vue學好學滿 DAY1] 參賽前言
[30天 Vue學好學滿 DAY2] Vue.js介紹
[30天 Vue學好學滿 DAY3] 專案建置&除錯套件
[30天 Vue學好學滿 DAY4] Vue-cli 基本架構
[30天 Vue學好學滿 DAY5] 生命週期
[30天 Vue學好學滿 DAY6] 計算屬性(Computed)
[30天 Vue學好學滿 DAY7] 監聽器(Watch)
[30天 Vue學好學滿 DAY8] v-bind
[30天 Vue學好學滿 DAY9] v-if & v-show
[30天 Vue學好學滿 DAY10] v-for 列表渲染
[30天 Vue學好學滿 DAY11] v-on
[30天 Vue學好學滿 DAY12] v-model 雙向綁定
[30天 Vue學好學滿 DAY13] 組件
[30天 Vue學好學滿 DAY14] prop & emit-1
[30天 Vue學好學滿 DAY15] prop & emit-2
[30天 Vue學好學滿 DAY16] slot 插槽
[30天 Vue學好學滿 DAY17] Event Bus
[30天 Vue學好學滿 DAY18] Vuex-1
[30天 Vue學好學滿 DAY19] Vuex-2
[30天 Vue學好學滿 DAY20] Vuex-3
[30天 Vue學好學滿 DAY21] Vuex-4
[30天 Vue學好學滿 DAY22] Vue Router-1
[30天 Vue學好學滿 DAY23] Vue Router-2
[30天 Vue學好學滿 DAY24] Vue Router-3
[30天 Vue學好學滿 DAY25] axios API
[30天 Vue學好學滿 DAY26] axios & axios-mock-adapter
[30天 Vue學好學滿 DAY27] axios-mock-adapter-2
[30天 Vue學好學滿 DAY28] keep-alive 狀態保留
[30天 Vue學好學滿 DAY29] 番外篇-測試